<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>昆明·滇漫夏日祭-bilibili会员购漫展票务</title>
    <link rel="stylesheet" href="../css/Purchase.css">
</head>
<body>
<div id="app">


    <div class="onein">
        <div class="twoin">
            <div class="inlog"></div>
            <div class="spin">商城</div>
            <div class="inlog2"></div>
            <div class="zuz">主站</div>
            <div class="search">
                <input type="text" placeholder="活动、嘉宾、场馆" class='searchli'>
                <div class="searchlog"></div>
            </div>
            
            <div class="user">
                <a href="../index/123.html">
                    <span>注册</span> | <span>登录</span>
                </a>
            </div>
            <div class="icon" >
                <div class="iconlog">
                </div>
                <div class="iconp">订单中心</div>
            </div>
        </div>
    </div>
    
    <div class="buyticket">
        <div class="bread-wrapper">
            <span>Bilibili > </span>
            <span>会员购 > </span>
            <span class="project-name">昆明·滇漫夏日祭</span>
        </div>
        <div class="whole-wrapper">
            <div class="box" id="box">
                <div id="smallBox" class="small">
                    <div class="pic" style="background-image: url(../img/Purchase/11.jpg);"></div>
                    <div id="mask" class="mask"></div>
                </div>
                <div id="bigBox" class="big">
                    <img id="bigImg" src="../img/Purchase/11.jpg">
                </div>
            </div>
            <div class="warpper">
            <div class="title">昆明·滇漫夏日祭</div>
            <div class="product-wrapper">
                <div class="product-time">时间: </div>
                <div class="product-title">2022.08.06 10:00 - 08.07 17:30</div>
            </div>    
            <div class="vuene-wrapper">
                <div class="titleTo">场馆: </div>
                <div style="font-size: 14px;">瑞鼎城·爱琴海购物公园</div>
                <div class="address-name">白云路168号</div>
                <div class="dingwei" style="background-image: url(../img/dingwei.png);"></div>
                <div class="check-map">查看地图</div>
            </div>
            <div class="warpper">
                <ul class="clearfix">
                    <li class="titleTo">场次: </li>
                    <li class="screens">
                        <div class="sele-option active">8月6日</div>
                        <div class="sele-option-Two">联票</div>
                        <div class="sele-option-Two">8月7日</div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li class="titleTo">价格: </li>
                    <li class="screens">
                        <div class="sele-option active">
                            ¥50(预售票)
                        </div>
                    </li>
                </ul>
                <ul class="clearfix">
                    <li class="titleTo">数量: </li>
                    <li class="contu">
                        <div class="ticket-a">
                            <div class="count-r">
                                <a onclick="jian()"><img src="../img/jianhao.png"></a>
                                
                            </div>
                            <div class="count-n" id="num">1</div>
                            <div class="count-p">
                                <a onclick="add()"><img src="../img/jiahao.png"></a>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="supplement">
                    <div class="express-info">
                        <span>· 电子票/兑换票·无需配送</span>
                    </div>
                    <div class="express-info">
                        <span>· 不支持7天无理由退票</span>
                    </div>
                </div>
                <div class="buy-wrapper">
                    <a href="../index/Details11.html">
                        <div class="product-buy">
                            <span>立即购买</span>
                        </div>
                    </a>
                <div class="want-wrapper">
                    <span class="want-icon"></span>
                    <div class="want-content">
                        <p>838人想去</p>
                    </div>
                </div>
                </div>
            </div>
        </div>
        </div>
    </div>
    <div class="ticket-container tabs-wrapper">
        <div class="tabs">
            <div class="tabs-item tabs-item-color">活动详情</div>
            <div class="tabs-item">讨论</div>
        </div>
    </div>
    <div class="detail-wrapper">
        <div class="detail-content">
            <div class="ticket-system">
                <div class="activity-info">
                    <div class="activity-info-header">
                        <div class="icon-activity"></div>
                        <div>活动详情</div>
                    </div>
                    <div>
                        <div data-v-7f61afb2>
                            <div data-v-7f61afb2 class="info-header">
                                <span data-v-7f61afb2>活动介绍</span>
                            </div>
                            <div data-v-7f61afb2 class="info-body">
                                <div data-v-7f61afb2 class="info-content">
                                    <p style="font-size: 14px;">
                                        <img src="../img/Purchase/jieshao11.jpg">
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-v-1f4cbb04 class="info-header">
                        <span data-v-1f4cbb04>基础信息</span>
                    </div>
                    <div data-v-1f4cbb04 class="info-body">
                        <ul data-v-1f4cbb04>
                            <li data-v-1f4cbb04>
                                <div data-v-1f4cbb04>活动日期</div>
                                <div data-v-1f4cbb04>2022年8月6日-8月7日 10:00-17:30</div>
                            </li>
                            <li data-v-1f4cbb04>
                                <div data-v-1f4cbb04>场馆地址</div>
                                <div data-v-1f4cbb04>云南省 昆明市 盘龙区 瑞鼎城·爱琴海购物公园 瑞鼎城·爱琴海购物公园</div>
                            </li>
                            <li data-v-1f4cbb04>
                                <div data-v-1f4cbb04>儿童说明</div>
                                <div data-v-1f4cbb04>1.2米以下儿童谢绝入场，1.2米及以上儿童持全价票入场</div>
                            </li>
                            <li data-v-1f4cbb04>
                                <div data-v-1f4cbb04>入场次数</div>
                                <div data-v-1f4cbb04>单场票，1次入场有效</div>
                            </li>
                            <li data-v-1f4cbb04>
                                <div data-v-1f4cbb04>入场说明</div>
                                <div data-v-1f4cbb04>电子票，凭购票二维码验证入场（订单或订单截图无效）</div>
                            </li>
                            <li data-v-1f4cbb04>
                                <div data-v-1f4cbb04>退换说明</div>
                                <div data-v-1f4cbb04>因票品具有稀缺性和时效性的特点，一旦退货将会影响二次销售，此项目不支持退换，请您理解并谨慎购买</div>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <div data-v-97edb89e>
                            <div data-v-97edb89e class="info-header">
                                <span data-v-97edb89e>基础信息</span>
                            </div>
                            <div data-v-97edb89e class="info-body">
                                <ul data-v-97edb89e>
                                    <li data-v-97edb89e>
                                        <p data-v-97edb89e class="title">
                                            <span data-v-97edb89e>预售票</span>
                                            <span data-v-97edb89e>¥50</span>
                                        </p>
                                    </li>
                                    <li data-v-97edb89e class="divider">
                                        <p data-v-97edb89e class="title">
                                            <span data-v-97edb89e>现场票</span>
                                            <span data-v-97edb89e>¥60</span>
                                        </p>
                                        <p data-v-97edb89e class="content">
                                            <span data-v-97edb89e>特别福利：</span>
                                            <span data-v-97edb89e>VIP票享受两日入场资格，快速通道，嘉宾签售排队，并额外获得一套动漫盲盒，世嘉官方初音FUFU一个，手办半价券一张</span>
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="recommend-wrapper">
            <div class="ticket-tips">
                <div class="tips-header">
                    <span></span>
                    购票须知
                </div>
                <div class="tips-content">
                    <p>1、会员购在线售票为电子票或纸质票。</p>
                    <p>2、如您购买的是电子票，入场时请在bilibili APP中【订单中心】打开电子票检票入场<b>（部分活动需兑换实体票入场）；电子票不得转售，</b>请在正规途径购买；<b>电子票截图无法入场。</b></p>
                    <p>3、如您购买的是纸质票，<b>需在购票时填写准确配送信息，</b>纸质票将在活动开始之前寄出，邮费由用户承担；因纸质票的特殊性，<b>遗失不补且无法挂失，</b>请您保管好购买到的票品。</p>
                    <p>4、部分活动不提供现场售票服务，请您提前购买。</p>
                    <p>5、因票品具有稀缺性和时效性的特点，一旦退货将会影响二次销售，<b>票品均不支持七天无理由退票，</b>请您理解并审慎购买，<b>并非所有项目主办方都支持因个人原因发起的退票，</b>具体请以各商品展示页说明信息为准，请您在购买前仔细阅读商品信息。</p>
                    <p>6、<b>若所购项目主办方支持因个人原因退票，您在因个人原因退票时需支付一定比例的手续费,</b>具体比例您可在<span>《bilibili购票服务协议》</span>中查询。</p>
                    <p>7、为保障您的人身安全，主办方在人流高峰可能会采取临时现场限流措施，如对您的正常观展产生影响，敬请谅解。</p>
                    <p>8、若有其他问题请联系客服：客服入口在移动端APP “我的” 个人中心，点击“我的客服”，选择“在线客服”，即可咨询。</p>
                    <p>9、<span>《会员购服务协议》</span></p>
                </div>
            </div>
            <div class="merchant-section">
                <div class="merchant-header">
                    <span></span>主办方信息
                </div>
                <div class="baseinfo-wrapper">
                    <div class="content-item">
                        <div class="title">主办名称</div>
                        <div class="content">个人主办</div>
                    </div>
                </div>
            </div>
            <div class="merchant-section">
                <div class="baseinfo-wrapper">
                    <div class="content-item notitle">
                        <div class="title">联系我们</div>
                        <div class="content">如果您有合作意向请与我们联系:<br>kfbd@bilibili.com</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-wrp">
            <div class="border"></div>
            <div class="footer-cnt">
                <ul class="boston-post">
                    <li class="for1">
                        <div class="tips">bilibili</div>
                        <div class="cards"><span>关于我们</span></div>
                        <div class="cards"><span>友情链接</span></div>
                        <div class="cards"><span>哔哩哔哩周边</span></div>
                        <div class="cards"><span>官方认证</span></div>
                        <div class="cards"><span>购买须知</span></div>
                        <div class="cards"><span>客服中心</span></div>
                        <div class="cards"><span>联系我们</span></div>
                        <div class="cards"><span>加入我们</span></div>
                    </li>
                    <li class="for2">
                        <div class="tips">传送门</div>
                        <div class="cards"><span>帮助中心</span></div>
                        <div class="cards"><span>高级弹幕</span></div>
                        <div class="cards"><span>活动专题页</span></div>
                        <div class="cards"><span>侵权申诉</span></div>
                        <div class="cards"><span>活动中心</span></div>
                    </li>
                    <li class="for3">

                    </li>
                </ul>
                <div class="partner">
                    <br>
                    <div class="block left" style="padding-top: 0px;">
                        <div class="partner-banner"></div>
                    </div>
                    <div class="block left" style="margin: 0px 68px 0px 115px;line-height: 24px;float: none;">
                        <div class="isShowDomain">
                            <p>
                                广播电视节目制作经营许可证：（沪）字第1248号 | 网络文化经营许可证：沪网文[2013]0480-056号 | 信息网络传播视听节目许可证：0910417互联网ICP备案：沪ICP备13002172
                                <br>
                                号-3 沪ICP证：沪B2-20100043 | 违法不良信息举报邮箱：help@bilibili.com | 违法不良信息举报电话：4000233233 转 3 ｜ 营业执照
                                <br>
                                网上有害信息举报专区：  中国互联网违法和不良信息举报中心 |  上海互联网举报中心 | 12318 全国文化市场举报网站
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../js/Purchase.js"></script>
<script src="../js/Purchase1.js"></script>

</body>
</html>